@charset "utf-8";
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    /*font-size:1vw;*/
    /*1rem = 0.520px*/
    min-width: 1420px;
    font-size: 16px;
}
@media screen and (max-width:1200px) {  }
body {
    background: #ffffff;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    color: #303133;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size:16px;
}

[v-cloak]{display:none !important;}
header, section, footer, aside, nav, main, article, figure {
    display: block;margin:0;padding:0;border:0;
}
img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:0;padding:0;}
input,textarea,button,label {font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';}

a{transition: all .1s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}


/*	链接样式	*/
a {color:#303133;}
a:hover {text-decoration: none;color: #327bc0;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#aaaaaa;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link{color:#ffffff;}
a.white-link:hover {text-decoration:none; color:#F56C6C;}
a.white-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

.header{
    float:left;width: 100%; height:101px;
    /*background-color: #f6f6f6;*/
    background-color: #ffffff;
    border-bottom:1px solid #dbdbdb;
    position:fixed;z-index: 10;}
.header .header-main{
    margin:0 auto;width: 1400px;
    display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center;
}
.header .header-main .logo{
    flex:none;
    float:left;width: 260px;height: 100px;
    background: url(../images/logo.png) no-repeat left center;
    background-size: contain;
    position: relative;
    overflow: hidden;
}
/*
.header .header-main .logo::after{content:'';height: 55px;border-right: 1px solid #327bc0;position: absolute;right:0;top:50px;}
*/

.header .header-main .logo a {float: left;width: 100%;height: 100px;display: block;}
.header .header-main .top-time{
    /*border:1px solid #455D10;*/
    flex:none;
    height: 100px;
    align-self: flex-start;
    transform: scale(1, 1);
    background-color:#87af2f;
    /*box-shadow: 0 0 3px 2px rgba(160,160,160,.5);*/
    padding:5px 20px;
    /*
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    */
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 220px;overflow: hidden;
    /*
    color:#dfe8ef;
    background-image: linear-gradient(#3375b3, #025496);
    */
    color:#dfe8ef;
    /*background-image: radial-gradient(#87af2f, #547311);*/
    background-image: radial-gradient(#5c9fde, #2479bd);

    /*animation: topTimeBgColor 1s infinite alternate;*/
}
@keyframes topTimeBgColor {
    25% {
        background-color: #3375b3;
    }
    50% {
        background-color: #025496;
    }
    75% {
        background-color: #ca1c1d;
    }
    100% {
        background-color: #87af2f;
    }
}

.header .header-main .top-time .top-time-tips {
    /*flex:auto;*/
    width: 100%;text-align: center;font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.5);
    padding-bottom:3px;margin-bottom:5px;
    font-weight: bold;
    overflow: hidden;
}
.header .header-main .top-time .top-time-tips b{
    font-size:20px;color:#ffffff;padding:0 5px;font-weight:600;
}
.header .header-main .top-time .top-time-date {
    font-size:12px;line-height: 20px;
}
.header .header-main .top-time .top-time-address {
    font-size:13px;line-height: 20px;
}
.header .header-main .top-time .top-time-arrow {
    flex:none;width: 14px;height: 30px;background: url(../images/top-time-l.png) no-repeat left center;
    display: block;overflow: hidden}
.header .header-main .top-time  .top-time-content{
    flex:auto;max-width:135px;padding:10px;
    background-color: #f7ab00;border-radius: 5px;overflow: hidden;
    display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;
    color:#ffffff;
}
.header .header-main .top-time  .top-time-content b{font-size:16px;}
.header .header-main .top-time  .top-time-content p{font-size:14px;}

.header .header-main .qrcode{
    flex:none;
    float:right;width:160px;overflow: hidden;}
.header .header-main .qrcode ul {float:left;width:100%;height:150px;display: flex;flex-flow: row nowrap;justify-content: flex-end;align-items: center;align-content: center;overflow: hidden;}
.header .header-main .qrcode ul li{flex:none;width: 65px; margin-left: 10px;overflow: hidden;}
.header .header-main .qrcode ul li .image{float: left;width: 65px;height: 65px;overflow: hidden;}
.header .header-main .qrcode ul li .image img{float: left;width: 65px;height: 65px;overflow: hidden;}
.header .header-main .qrcode ul li .label{float: left;width: 65px;height:30px;line-height:30px;color:#327bc0;text-align:center;font-size:14px;overflow: hidden;}

.nav-box{
    flex:auto;margin:0 10px;width: 100%;
    height: 100px;padding-top:17px;
    background-color: #ffffff;}
.nav-box .top-text{float:left;width: 100%;height: 30px;line-height: 30px;padding:0 20px;overflow: hidden;}
.nav-box .top-text .top-text-wrap{
    float:left;width: 100%;height: 30px;line-height: 30px;
    font-size:13px;color: #878787;font-weight: bold;
    overflow: hidden;
}
.nav-box .top-text .top-text-wrap a{padding-right:20px;color:#878787;}
.nav-box .top-text .top-text-wrap a:hover{color:#ea644a;}

.nav-box .nav{float:left;width: 100%;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;}
.nav-box .nav .item{flex:auto;height: 53px;position: relative;}
.nav-box .nav .item .name{
    float: left;width: 100%;height: 53px;line-height: 52px;text-align: center;font-size:16px;
    display: flex;flex-flow: row nowrap;justify-content: center;
    align-content: center;
    /*align-items: center;*/
    overflow: hidden;
}
.nav-box .nav .item .name span{height:53px;line-height: 52px;color:#525252;}
.nav-box .nav .item .name i{font-size:12px;margin-left:5px;transition: all .25s;height:53px;line-height: 52px;}
.nav-box .nav .item:hover .name i{transform: rotate(180deg);}
.nav-box .nav .item .name a{float: left;width: 100%;height: 53px;display: block;}
.nav-box .nav .item .drop-nav{
    float: left;width: 100%;position: absolute;top:53px;left:0;display: none;
    background-color: rgba(255,255,255,1);z-index: 10;padding:10px;
    border:1px solid #dbdbdb;border-top:0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;}
.nav-box .nav .item .drop-nav ul li{float: left;width: 100%;padding:5px 0;line-height: 25px;font-size:14px;text-align: center;overflow: hidden;}

.banner{float:left;width: 100%;position: relative;margin-top:100px;overflow: hidden;}
.banner img,.banner-pic img{float: left;}

.quick-small-absolute{position: absolute;bottom:20px;padding:20px;}
.quick-small-fixed{position: fixed;top:0;background-color: #fafafa;border-bottom:1px solid #dbdbdb;overflow: hidden;}
.quick-small{left:0;width:100%;z-index:9;overflow: hidden;}
.quick-small .quick-small-main{
    margin:0 auto;width: 770px;height:60px;border-radius:30px;background-color: #ffffff;padding:15px 30px;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;
    overflow: hidden;}
.quick-small .quick-small-main .logo-small{display:none;flex:none;width:165px;height: 30px;overflow: hidden; }
.quick-small .quick-small-main .logo-small img{float:left;width:auto;height: 30px;overflow: hidden; }
.quick-small .quick-small-main .item{cursor:pointer;flex:auto;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;align-content: center;}
.quick-small .quick-small-main .item .image{width: 30px;height: 30px;margin-right:10px;overflow: hidden;}
.quick-small .quick-small-main .item .image img{float:left;width: 30px;height: 30px;text-align: center;overflow: hidden;}
.quick-small .quick-small-main .item .label{float:left;line-height: 30px;text-align: left;overflow: hidden;}
.quick-small .quick-small-main .item:hover .label{color: #0a53be;}
.quick-small-fixed .quick-small-main{width: 1000px;background-color: #fafafa;}
.quick-small-fixed .quick-small-main .logo-small{display: block;}

.quick-mark{
    display: none;
    position: fixed;width: 100%;left:0;top:0;right:0;bottom:0;z-index: 100;
    background-color: rgba(0,0,0,.9);
    overflow: hidden;}
.quick-mark .image{
    float: left;width: 100%;height: 100%;
    display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;
    overflow: hidden;
}
.quick-mark .image img{width: 300px;border:2px solid #ffffff;border-radius: 5px;overflow: hidden;}

.title-wrap{float: left;width: 100%;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;overflow: hidden;}
.title-wrap .title{font-size:36px;color:#172b3b;padding-bottom:10px;}
.title-wrap .sub-title{font-size:14px;color:#172b3b;padding-bottom:10px;text-transform: uppercase;}

.full-wrap{width: 100%;background: url(../images/bg1.jpg) no-repeat center center;background-size: cover;padding:50px 0;overflow: hidden;}
.wrap{margin:0 auto;width:1400px;overflow: hidden;}

.i-news-category{margin:0 auto;width: 100%;max-width:1400px;padding:20px 0;display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden;}
.i-news-category .item{
    flex:none;color:#0754d4;font-size:18px;height: 45px;line-height: 43px;
    margin:0 20px;border:1px solid #0754d4;border-radius: 4px;overflow: hidden;}
.i-news-category .item a{float:left;padding:0 35px;height:100%;color:#0754d4;text-align: center;display: block;overflow: hidden;}
.i-news-category .item:hover{background-color: #0754d4;color:#ffffff;}
.i-news-category .item:hover a{color:#ffffff;}


.i-news-category .selected a{background-color: #0754d4;color:#ffffff;}


.i-news-image-list{margin:0 auto;padding:20px 0;width: 1400px;}
.i-news-image-list ul{float: left;width: 1428px;margin-left:-14px;display: none;}
.i-news-image-list ul:first-child{display: block;}
.i-news-image-list ul li{float:left;width:448px;margin:14px;background-color:#ffffff;border-radius:10px;transition:all .25s;overflow: hidden; }
.i-news-image-list ul li:hover{transform: scale(1.05, 1.05);}
.i-news-image-list ul li .image{float: left;width: 448px;height: 336px;overflow: hidden;}
.i-news-image-list ul li .image img{float: left;width: 448px;height: 336px;object-fit:cover;object-position:center center;overflow: hidden;}
.i-news-image-list ul li .info{float: left;width: 100%;padding:20px;overflow: hidden;}
.i-news-image-list ul li .info .date{float: left;margin-bottom:5px;width: 100%;line-height: 30px;color:#0754d4;font-size:16px;overflow: hidden;}
.i-news-image-list ul li .info .title{float: left;width: 100%;font-size:20px;height:50px;line-height:25px;color:#172b3b;overflow: hidden;}

.i-bright-points{margin:0 auto;width: 1400px;overflow: hidden;}
.i-bright-points ul{float: left;width: 1424px;margin-left:-12px;}
.i-bright-points ul li{
    float:left;width:332px;margin:12px;
    padding:20px 10px;
    background-color:#ffffff;
    display: flex;
    flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;
    border-radius:10px;transition:all .25s;overflow: hidden;
    cursor: pointer;
}
.i-bright-points ul li .ico{flex:none;float: left;width: 90px;height: 90px;background: url(../images/ico-hd.png) no-repeat center center;overflow: hidden;}
.i-bright-points ul li:hover .ico{background: url(../images/ico-hd-hover.png) no-repeat center center;}
.i-bright-points ul li .info{flex:auto;text-align:justify;padding:0 20px;overflow: hidden;}
.i-bright-points ul li .info .title{float:left;width:100%;font-size:20px;height:30px;line-height:30px;margin-bottom:4px;overflow: hidden;}
.i-bright-points ul li .info .desc{float:left;width:100%;font-size:16px;line-height:22px;height:66px;overflow: hidden;}
.i-bright-points ul li:hover .info{color:#327bc0;}
.i-bright-points ul li:hover .info a{color:#327bc0;}

.full-2{float: left;width: 100%;display:flex;flex-flow:row nowrap;
    justify-content:space-between;align-items:stretch;
    align-content:center;overflow: hidden;}
.full-2 .full-2-l{float: left;width: 50%;background-color:#327bc0;overflow: hidden;}
.full-2 .full-2-l .main{
    float:right;width: 700px;padding:80px 60px 80px 0;color:#f4f4f4;
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-content: center;align-items: center;
    overflow: hidden;}
.full-2 .full-2-l .main .title{float: left;width: 100%;margin-bottom:20px;overflow: hidden;}
.full-2 .full-2-l .main .title b{font-size:36px;font-weight: normal;}
.full-2 .full-2-l .main .title span{font-size:14px;text-transform: uppercase;}
.full-2 .full-2-l .main .content{float:left;width:100%;font-size:16px;text-align:justify;overflow: hidden;}
.full-2 .full-2-l .main .content .title{float:left;width:100%;font-size:36px;margin-bottom:20px;text-align:justify;overflow: hidden;}
.full-2 .full-2-l .main .content .desc{float:left;width:100%;font-size:16px;margin-bottom:20px;text-align:justify;overflow: hidden;}
.full-2 .full-2-l .main .content .more{float:left;width:100%;font-size:18px;text-align:right;overflow: hidden;}
.full-2 .full-2-l .main .content .more a{color:#f4f4f4;}
.full-2 .full-2-l .main .content .more:hover a{color:#ffffff;}

.full-2 .full-2-r{float: left;width: 50%;
    background-size:cover;
    background-image:url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;overflow: hidden;}
.full-2 .full-2-r .main{
    float:left;width: 700px;padding:80px 0 80px 60px;color:#f4f4f4;
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;align-content: center;
    overflow: hidden;}
.full-2 .full-2-r .main .video{float: left;width: 580px;height: 350px;background-color: rgba(50,123,192,.5);padding:10px;border-radius: 10px;overflow: hidden;}
.full-2 .full-2-r .main .video video{float: left;width: 100%;height: 330px;background-color: #000000;}
.full-2 .full-2-r .main .title{float: left;width: 600px;padding:10px;text-align:center;overflow: hidden;}


.i-data-group{width:100%;background-color:#c8c8c8;padding:20px 0;overflow: hidden;}
.i-data-group ul{margin:0 auto;width: 1424px;}
.i-data-group ul li{
    float:left;width:332px;margin:12px;
    padding:20px 10px;
    background-color:#ffffff;
    display: flex;
    flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;
    border-radius:10px;transition:all .25s;overflow: hidden; }
.i-data-group ul li .ico{flex:none;float: left;width: 90px;height: 90px;padding:5px;overflow: hidden;}
.i-data-group ul li .ico img{float: left;width: 100%;height: 80px;}
.i-data-group ul li .ico .ico-1{display: block;transition: all .5s;}
.i-data-group ul li .ico .ico-2{display: none;transition: all .5s;}
.i-data-group ul li .info{flex:auto;text-align:justify;padding:0 20px;overflow: hidden;}
.i-data-group ul li .info .title{float:left;width:100%;font-size:20px;height:30px;line-height:30px;margin-bottom:4px;overflow: hidden;}
.i-data-group ul li .info .desc{float:left;width:100%;font-size:16px;line-height:22px;height:66px;overflow: hidden;}
/*.i-data-group ul li:hover .info{color:#327bc0;}*/
.i-data-group ul li:hover{background-color:#327bc0;color:#ffffff;}
.i-data-group ul li:hover .ico .ico-1{display: none;}
.i-data-group ul li:hover .ico .ico-2{display: block;}


.i-news{margin:0 auto;width: 1400px;padding:50px 0;}
.i-news .i-news-image{float: left;width: 1424px;margin-left:-12px;padding:20px 0;overflow: hidden;}
.i-news .i-news-image ul{display: none;}
.i-news .i-news-image ul:first-child{display: block;}
.i-news .i-news-image ul li{
    float:left;width:332px;margin:12px;position:relative;
    transition:all .25s;overflow: hidden; }
.i-news .i-news-image ul li .image{float:left;width: 332px;height:250px;border-radius:10px;overflow: hidden; }
.i-news .i-news-image ul li .image img{float:left;width: 332px;height:250px;}
.i-news .i-news-image ul li .info{
    float:left;width: 292px;margin-left:20px;position: relative;
    background-color: #ffffff;padding:20px;margin-bottom: 20px;
    margin-top:-40px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 5px 5px rgba(0,0,0,.3);}
.i-news .i-news-image  ul li .info .date{float: left;margin-bottom:5px;width: 100%;line-height: 30px;color:#0754d4;font-size:16px;overflow: hidden;}
.i-news .i-news-image  ul li .info .title{float: left;width: 100%;font-size:16px;
    font-weight:bold;height:50px;line-height:25px;color:#172b3b;overflow: hidden;}

.i-news .i-news-list{
    width: 685px;height:340px;border-radius: 10px;box-shadow: 0 0 5px 5px rgba(0,0,0,.3);
    padding:30px;margin-bottom:30px;overflow: hidden;
}
.i-news .i-news-list ul li{float: left;width: 100%;line-height: 35px;height: 35px;font-size:16px;overflow: hidden;}
.i-news .i-news-list ul li .date{float: right;line-height: 25px;height: 25px;color:#909399;overflow: hidden;}

.i-ads1{margin:0 auto;width: 1400px;overflow: hidden;}
.i-ads1 ul li{float: left;width: 100%;border-radius:10px;margin-bottom: 30px;overflow: hidden;}
.i-ads1 ul li img{float: left;width: 100%;}

.previous-review {margin:0 auto;width: 1400px;}
.previous-review-image {margin:0 auto;width: 1400px;padding:20px 0;overflow: hidden;}
.previous-review-image ul{float: left;width: 1424px;margin-left:-12px;margin-bottom:20px;overflow: hidden;}
.previous-review-image ul li{float:left;width:332px;margin:12px;position:relative;transition:all .25s;overflow: hidden; }
.previous-review-image ul li .image{float:left;width: 332px;height:250px;margin-bottom:10px;border-radius:5px;overflow: hidden; }
.previous-review-image ul li .image img{float:left;width: 332px;height:250px;}
.previous-review-image ul li .title{float: left;width: 100%;padding:0 20px;text-align:center;height:60px;line-height:30px;overflow: hidden;}

.previous-review-list{
    width: 685px;height:250px;border-radius: 20px;box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
    background-color: #ffffff;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: center;
    margin-bottom:20px;overflow: hidden;
}
.previous-review-list .title{flex:none;width: 50px;background-color: #327bc0;color:#ffffff;
    writing-mode: vertical-rl;
    letter-spacing: 1em;
    display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;
    overflow: hidden;}
.previous-review-list ul{flex:auto;width: 100%;padding:20px;}
.previous-review-list ul li{float: left;width: 100%;line-height: 35px;height: 35px;font-size:16px;overflow: hidden;}
.previous-review-list ul li .date{float: right;line-height: 25px;height: 25px;overflow: hidden;}

.full-enroll{float: left;width: 100%;
    background:url(../images/bg3.jpg) no-repeat center center;background-size:cover;
    padding:100px 0;overflow: hidden;}
.i-enroll{margin:0 auto;width: 1400px;overflow: hidden;}
.i-enroll .info{
    float: left;width: 1000px;padding-right:100px;text-align: justify;color:#ffffff;
    display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;align-content:center;overflow: hidden;}
/*
.i-enroll .info span{font-size:18px;margin-bottom: 20px;}
.i-enroll .info b{font-size:36px;margin-bottom: 20px;}
.i-enroll .info p{font-size:14px;color: #edebeb;}
*/
.i-enroll .info .info-1 {float:left;width: 100%;margin-bottom:25px;overflow: hidden}
.i-enroll .info .info-1 b{float:left;width:100%;font-size:24px;margin-bottom: 0;overflow: hidden;}
.i-enroll .info .info-1 p{float:left;width:100%;font-size:13px;color: #ffffff;overflow: hidden;}

.i-enroll .info .info-2 {float:left;width: 100%;margin-bottom:25px;overflow: hidden}
.i-enroll .info .info-2 b{float:left;width:100%;font-size:36px;margin-bottom: 0;overflow: hidden;}
.i-enroll .info .info-2 p{float:left;width:100%;font-size:13px;color: #ffffff; text-transform: uppercase;overflow: hidden;}

.i-enroll .enroll-channel{float: right;width: 400px;text-align: right;overflow: hidden;}
.i-enroll .enroll-channel .countdown{color:#edebeb;font-size:18px;}
.i-enroll .enroll-channel .countdown b{font-size:48px;padding:0 10px;}
.i-enroll .enroll-channel .enroll-btn{width: 100%;padding-top:20px;display: flex;flex-flow: row wrap;justify-content: flex-end;align-content: center;align-items: center;overflow: hidden;}
.i-enroll .enroll-channel .enroll-btn .btn{cursor:pointer;margin: 5px;height: 50px;line-height:50px;background-color: #ffffff;color: #0754d4;padding:0 20px;border-radius: 4px;overflow: hidden;}
.i-enroll .enroll-channel .enroll-btn .btn:hover{background-color: #ea644a;color:#ffffff;}

.bottom{width: 100%;background: url(../images/bg1.jpg) no-repeat center center;padding:30px 0;background-size: cover;overflow: hidden;}
.bottom .wrap{margin:0 auto;width: 1400px;display:flex;overflow: hidden;}
.bottom .wrap .logo{
    float:left;width: 235px;min-height:100px;
    background: url(../images/bottom-logo.png) no-repeat left top;
    background-size: contain;
    overflow: hidden;}
.bottom .wrap .contact-tel{
    float:left;width: 235px;min-height:100px;
    background: url(../images/bottom-logo.png) no-repeat left top;
    background-size: contain;
    padding-top:80px;padding-right:10px;
    overflow: hidden;}
.bottom .wrap .contact-tel .content-tel-title{
    float:left;width: 100%;overflow: hidden;margin-bottom:10px;
}
.bottom .wrap .contact-tel .content-tel-title b{float:left;width:100%;font-size:16px;text-align:right;}
.bottom .wrap .contact-tel .content-tel-title span{float:left;width:100%;font-size:12px;text-align:right;}
.bottom .wrap .contact-tel .contact-tel-item{float:left;width: 100%;text-align:right;overflow: hidden;}
.bottom .wrap .contact-tel .contact-tel-item ul li{float:left;width: 100%;text-align: right;font-size:14px;overflow: hidden;}

.bottom .wrap .nav{
    float:left;width:1005px;padding:0 100px;
    display: flex;flex-flow: row nowrap;
    justify-content: space-between;align-items: flex-start;align-content: center;
    overflow: hidden;
}
.bottom .wrap .nav .item{flex:auto;text-align: left;overflow: hidden;}
.bottom .wrap .nav .item .big{display: block;font-size:18px;color:#5b5b5b;line-height:30px;margin-bottom: 5px;}
.bottom .wrap .nav .item .small{display: block;font-size:14px;color:#5b5b5b;line-height: 30px;}

.bottom .wrap .qrcode{float:left;width: 160px;overflow: hidden;}
.bottom .wrap .qrcode ul li{float:left;width: 160px;display:flex;flex-flow:column nowrap;justify-content:center;align-content:center;align-items:center;overflow: hidden;}
.bottom .wrap .qrcode ul li .image{width: 130px;margin-bottom:5px;overflow: hidden;}
.bottom .wrap .qrcode ul li .image img{float:left;width: 100%;padding:5px;background-color:#ffffff;overflow: hidden;}
.bottom .wrap .qrcode ul li .info{float:left;width: 100%;text-align:center;color:#172b3b;overflow: hidden;}
.bottom .wrap .qrcode ul li .info b{float:left;width: 100%;font-size:16px;font-weight:normal;overflow: hidden;}
.bottom .wrap .qrcode ul li .info span{float:left;width: 100%;font-size:20px;font-style:italic;padding-right:5px;overflow: hidden;}

.bottom-line{width: 100%;height: 50px;line-height: 50px;background-color: #172b3b;color: #f7f7f7;font-size:14px;text-align: center;overflow: hidden;}
.bottom-line a{color: #f7f7f7;}


.right-fixed{position: fixed;z-index:9999;right:0;width:50px;bottom:80px;transition:all .25s;overflow:hidden;}
.right-fixed .item{float: left;cursor:pointer;width: 200px;background-color:rgba(90,102,108,.6);border-top-left-radius: 25px;border-bottom-left-radius: 25px;margin-bottom: 10px;overflow: hidden;}
.right-fixed .item .ico{float: left;border-radius:50px;background-color:rgba(90,102,108,.9);margin:10px;width: 30px;height:30px;line-height:30px;color:#ffffff;text-align:center;font-size:14px;overflow: hidden;}
.right-fixed .item .label{float: left;width: 150px;line-height:50px;color:#ffffff;overflow: hidden;}
.right-fixed .item .label a{color:#ffffff;}
.right-fixed .item .label a:hover{color:#eeeeee;}
.right-fixed .item .qrcode{display:none;padding:0 10px 10px 10px;float: left;width: 200px;line-height:50px;overflow: hidden;}
.right-fixed .item .qrcode img{float: left;width: 100%;}
.right-fixed:hover{width: 200px;}
/*
.right-fixed:hover .item{background-color:rgba(90,102,108,1);border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.right-fixed:hover .item .ico{background-color: rgba(255,255,255,1);color:rgb(90,102,108);}
*/
.right-fixed:hover .item{background-color:rgba(219,80,93,1);border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.right-fixed:hover .item .ico{background-color: rgba(255,255,255,1);color:#db505d;}
.right-fixed:hover .item .qrcode{display: block;}

.empty{float: left;width: 100%;margin:100px 0;display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden}
.empty .image{flex:auto;padding:20px;text-align: center;margin-bottom: 20px;}
.empty .image img{max-width: 60%;}
.empty .name{flex:auto;font-size:20px;line-height:40px;color: #8a8a8a;}

.image-scale{transition:all .2s;object-fit: cover;object-position: center;}
.image-scale:hover{transform:scale(1.2);}
.go-top{cursor: pointer;}
.play-video{cursor: pointer;}


/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#dbdbdb;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;border-radius:2px;overflow: hidden;}
.page ul li:hover{background-color: #a00679;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #a00679;color: #ffffff;}


.main-wrap{margin:0 auto;width: 1300px;}
.category-controller{display:none;align-self:flex-end;flex:none;width: 30px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;}

.navigation{float:left;width: 100%;margin-bottom: 20px;background-color:#eeeeee;padding:20px;color: #3c3c3c;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: flex-start;font-size:18px;line-height: 30px;overflow: hidden;}
.navigation .current-location{flex:auto;max-width: 50%;margin-right:50px;}
.navigation .category{flex:auto;max-width:50%;overflow: hidden;}
.navigation .category ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: flex-end;align-content: center;align-items: center;overflow: hidden;}
.navigation .category ul li{padding:0 10px;color:#999999;}
.navigation .category ul li a{color:#666666;font-size:18px;transition: all .25s;}
.navigation .category ul li a:hover{color:#1e5e9b;}
.navigation .category ul .selected a{color:#1e5e9b;}

.page-nav{background-color: #d2d2d2;float: left;width: 100%;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #eee;display: flex;flex-flow: row nowrap;justify-content:space-between;align-content: center;align-items: center;overflow: hidden;}
.page-nav .page-nav-main{margin:0 auto;width: 1200px;overflow: hidden;}
.page-nav .page-name{font-size:26px;}
.page-nav .current{float:right;font-size:14px;text-align: left;color:#999;overflow: hidden;}
.page-nav .current i{padding:0 10px;}
.page-nav .current a{color:#999;}
.page-nav .current a:hover{color:#005aab;}

.main-width{width:1400px;}
.container-list{display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;position: relative;}
.page-main{margin:0 auto;width:100%;max-width: 1400px;padding:20px 20px;}
.page-main img{max-width: 100%;}

.page-main .page-item{float: left;width: 100%;padding:40px 0;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;border-bottom:1px dashed #dbdbdb;overflow: hidden;}
.page-main .page-item .image{flex:none;width: 300px;margin-right: 40px;overflow: hidden;}
.page-main .page-item .image img{float: left;width: 100%;}

.page-main .page-item .date-time{flex:none;width:150px;padding:0;text-align: justify;margin-right:20px;transition: all .2s;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;overflow: hidden;}
.page-main .page-item .date-time .year{font-size:20px;color: #543f9e;font-weight: normal;}
.page-main .page-item .date-time .day{font-size:50px;color: #543f9e;position: relative;}

.page-main .page-item .info{flex:auto;width: 100%;display:flex;flex-flow:column wrap;justify-content:flex-start;align-content: center;align-items: flex-start;overflow: hidden;}
.page-main .page-item .info .title{width: 100%;margin-bottom:10px;text-align: justify;font-size: 22px;font-weight:normal;overflow: hidden;}
.page-main .page-item .info .date{border-left:5px solid #ea644a;background-color: #005775;color:#ffffff;margin:10px 0;padding:0 10px;line-height:30px;text-align: justify;font-size: 14px;overflow: hidden;}
.page-main .page-item .info .demo{width: 100%;font-size:18px;color: #aaaaaa;text-align:justify;overflow: hidden;}
.page-main .page-item .info .more{align-self:flex-end;margin:10px 0;font-size: 14px;padding:5px 20px;border:1px solid #409EFF;background-color: #409EFF;color: #ffffff;overflow: hidden;}
.page-main .page-item .info .more:hover{border:1px solid #aaaaaa;background-color: #aaaaaa;color: #ffffff;}
.page-main .page-item .page-item-tools{float: left;margin-top:10px;width: 100%;display:inline-flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;}
.page-main .page-item .page-item-tools .datetime{float: left;color:#aaaaaa;}
.page-main .page-item .page-item-tools .more{float: right;}

.page-main .page-image-item-ul{width:calc(100% + 38px);margin-left:-19px;}
.page-main .page-image-item-ul .page-image-item{float:left;width:calc(33.33% - 38px);border:1px solid #efefef;border-radius: 0px;background-color: #ffffff;margin:19px;box-shadow: -10px -10px 0 0 #eeeeee;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item:hover{box-shadow: 0 0 10px 5px #e6ded6;}
.page-main .page-image-item-ul .page-image-item .image{float:left;width:100%;padding:0;background-color:#fafafa;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item .image img{float:left;width:100%;object-fit:cover;object-position:center;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item .title{float: left;width: 100%;border-top:1px solid #dbdbdb;text-align: center;font-size:18px;height: 70px;line-height: 70px;padding:0 20px;overflow: hidden;}


.page-main .page-growth-process-ul{width: 100%;position: relative;overflow: hidden;}
.page-main .page-growth-process-ul:after{content: '';width: 20px;height: 20px;border-radius:50%;background-color: #dbdbdb;position: absolute;top:0;bottom:0;left:640px;z-index: 1;display: block;}
.page-main .page-growth-process-ul:before{content: '';width: 2px;height: 100%;background-color: #dbdbdb;position: absolute;top:0;bottom:0;left:649px;z-index: 1;display: block;}
.page-main .page-growth-process-item{padding:50px 0;position: relative;z-index: 2;width: 100%;display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;}
.page-main .page-growth-process-item .year{flex:none;width: 600px;padding:10px 60px;font-size:50px;color:#778988;font-weight: bold;position: relative;transition: all .25s;overflow: hidden;}
.page-main .page-growth-process-item:hover .year{color:#db505d;}

.page-main .page-growth-process-item .mid{order:2;flex:none;margin:0 35px;width: 30px;height: 30px;border-radius: 50%;background:#ffffff;overflow: hidden;}
.page-main .page-growth-process-item .item{flex:none;order:2;border-radius: 10px;width: 600px;line-height: 30px;padding:30px;text-align: justify;font-size:18px;color:#778988;background-color: #f0f0f0;position: relative;}
/*
.page-main .page-growth-process-item .item ul{float: left;width: 100%;overflow: hidden;}
.page-main .page-growth-process-item .item ul li{float: left;width: 100%;text-align: justify;font-size:18px;color:#778988;overflow: hidden;}
*/
.page-main .page-growth-process-item-1 .year{text-align: right;order:1;}
.page-main .page-growth-process-item-1 .year:after{content: '';position:absolute;top:50%;right:0;z-index:1;width: 40px;height: 2px;background-color: #c5c5c5;overflow: hidden;}
.page-main .page-growth-process-item-1 .item{text-align: justify;order:3;}
.page-main .page-growth-process-item-1 .item:before{content: '';position:absolute;left:-16px;top:0;width: 16px;height: 100%;background: url(../images/arr-1.png) no-repeat left center;display: block;}

.page-main .page-growth-process-item-0 .year{text-align: left;order:3;}
.page-main .page-growth-process-item-0 .year:after{content: '';position:absolute;top:50%;left:0;z-index:1;width: 40px;height: 2px;background-color: #c5c5c5;overflow: hidden;}
.page-main .page-growth-process-item-0 .item{text-align: justify;order:1;}
.page-main .page-growth-process-item-0 .item:after{content: '';position:absolute;right:-16px;top:0;width: 16px;height: 100%;background: url(../images/arr-0.png) no-repeat left center;display: block;}
.page-main .page-growth-process-go-top{margin:0 auto;text-align:center;background-color:#778988;color:#ffffff;width: 150px;height: 48px;line-height: 48px;border-radius: 24px;transition:all .25s;overflow: hidden;}
.page-main .page-growth-process-go-top:hover{background-color: #db505d;}


.page-content{overflow: hidden;}
.page-content .content-title{float:left;width: 100%;padding:20px 0;font-size:32px;text-align:center;overflow: hidden;}
.page-content .content-demo{float: left;width: 100%;margin-bottom:20px;padding:20px;background-color:#ffffff;color:#666;text-align: justify;overflow: hidden;}
.page-content .content-text{float: left;width: 100%;margin-bottom:20px;text-align: justify;line-height: 35px;overflow: hidden;}
.page-content .content-text img{max-width: 100%;}
.page-content .content-text table{max-width: 100%;border:1px solid #999999;border-collapse: collapse;}
.page-content .content-text table tr td{padding:5px;}

.page-content .content-video{margin:20px auto;width: 80%;background-color: #000000;overflow: hidden;}
.page-content .content-video video{width: 100%;max-height: 60vh;}

.page-content .content-date{float: left;width: 100%;text-align:center;padding:20px 0;color:#aaaaaa;overflow: hidden;}

.page-content .content-1{float:left;width: 100%;background-color: #d2d2d2;margin-bottom: 40px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: center;position:relative;overflow: hidden;}
.page-content .content-1 .content-info{flex: none;width: 610px;padding:50px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title{position: relative;z-index: 2;padding-bottom: 20px;margin-bottom: 20px;float: left;width: 100%;font-size:30px;color:#7c8e8d;line-height: 35px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title:after{content: '';position:absolute;bottom:0;left:0;display:block;width: 100px;border-bottom: 2px solid #7c8e8d;height: 0px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title a{color:#7c8e8d;}
.page-content .content-1 .content-info .content-info-title a:hover{color:#db505d;}
.page-content .content-1 .content-info .content-info-text{float: left;width: 100%;line-height:35px;text-align: justify;color:#515151;overflow: hidden;}
.page-content .content-1 .content-info .content-info-text img{max-width: 100%;}

.page-content .content-1 .content-info .content-info-more{float:left;margin-top:10px;transition: all .25s;color:#ffffff;background-color: #7c8e8d;height: 35px;line-height: 35px;border-radius: 18px;padding:0 20px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-more a{color: #ffffff;}
.page-content .content-1 .content-info .content-info-more:hover{padding:0 35px;background-color: #db505d;}

.page-content .content-1 .content-image{flex: none;width: 690px;text-align:center;padding:50px;position: relative;
    display:inline-flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.page-content .content-1 .content-image:after{content: '';width: 65%;height: 100%;position: absolute;right:0;top:0;bottom:0;background-color: #7c8e8d;z-index: 1;}
.page-content .content-1 .content-image img{position:relative;z-index:2;float: left;width: 100%;object-position: center;object-fit: cover;overflow: hidden;}

.page-content .content-2{float:left;width: 100%;background-color: #f1f0f0;overflow: hidden;}
.page-content .content-2 .content-2-title{float:left;width: 100%;font-size:24px;text-align: center;color:#ffffff;padding:20px 0;background-color: #7c8e8d;overflow: hidden;}
.page-content .content-2 .content-2-text{float:left;width: 100%;padding:40px;color:#6b6b6b;font-size:18px;line-height: 35px;text-align:justify;overflow: hidden;}
.page-content .content-2 .content-2-text img{max-width: 100%;}

.page-per-next{float: left;width: 100%;padding:40px 0;margin-top:40px;border-top:1px dashed #dbdbdb;overflow: hidden;}
.page-per-next ul li{float: left;width: 100%;padding:5px 0;line-height:30px;text-align: left;overflow: hidden;}

.waterfall{margin:0 auto;width: 1400px;padding-bottom:20px;position:relative;}
.waterfall .waterfall-tips{float: left;width: 100%;padding:50px;text-align: center;overflow: hidden;}
.waterfall .waterfall-wrap{
    width: 1320px;height:0;
    position:relative;overflow:hidden;
    transition:all .3s;
}
.waterfall .waterfall-grid{
    width: 420px;padding:10px;margin:10px 20px 10px 0;background-color:#ffffff;border-radius:5px;
    box-shadow: 0 0 6px 5px #e6ded6;
    top:0;left:50%;
    transition: all .3s;overflow: hidden;}
.waterfall .waterfall-grid:hover{box-shadow: 0 0 6px 5px #aaaaaa;}
.waterfall .waterfall-grid .image{float: left;width: 100%;position:relative;overflow: hidden;}
.waterfall .waterfall-grid .image img{float:left;width: 100%;transition: all .5s;}
.waterfall .waterfall-grid:hover .image img{transform:scale(1.1);}
.waterfall .waterfall-grid .info{float: left;width: 100%;padding:20px;text-align:justify;overflow: hidden;}
.waterfall .waterfall-grid .info .title{float: left;width: 100%;margin-bottom:10px;text-align: center;overflow: hidden;}
.waterfall .waterfall-grid .info .remark{float: left;width: 100%;font-size:14px;text-align: center;overflow: hidden;}

.backdrop{
    backdrop-filter: blur(10px);
    transition: all .5s;
    background-color: rgba(255,255,255,.5);
}

.contact-map {float: left;width: 60%;height: 450px;border-radius: 5px;margin-top:10px;overflow: hidden;}